<template>
  <el-dropdown>
    <el-button type="primary">
      {{ size }}
    </el-button>
    <template #dropdown>
      <el-dropdown-item>
        <el-button type="primary" @click="changeSize('large')"> 大 </el-button>
        <el-button type="primary" @click="changeSize('default')">
          中
        </el-button>
        <el-button type="primary" @click="changeSize('small')"> 小 </el-button>
      </el-dropdown-item>
    </template>
  </el-dropdown>
</template>

<script setup lang="ts">
const appSetting = useAppSetting();
const size = computed(() => appSetting.size);
const changeSize = appSetting.changeSize;
</script>
